<!DOCTYPE html>
<script src="js/jquery.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<!--<script src="js/jquery.knob.min.js"></script>-->
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>index</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/light7.min.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/index.css">

</head>
<body>
<div class="page">
    <header class="bar bar-nav">
        <!--<a class="icon icon-left pull-left"></a>-->
        <a href="" class="left bar_left"><</a>
        <h1 class="title">详情</h1>
    </header>
    <nav class="bar bar-tab bar_bottom">
        <div class="user_bottom_1">
                <a href="" class="bottom_popup">
                    <img src="./img/package.png" alt="">
                </a>
            </div>
            <button class="user_bottom_2">
                一人报价
            </button>
    </nav>
    <div class="content">
        <div class="user_head">
            <div class="user_head_left left">
                <a href="" class="user_header">
                    <img src="./img/1.jpg" alt="">
                </a>
                <div class="user_info left">
                    <h3>奔驰旅行</h3>
                    <span>北京市朝阳区团结湖南里16号</span>
                </div>
            </div>
            <div class="user_head_right right">
                <a href="" class="talk">
                    <img src="./img/talk.png" alt="">
                    &nbsp;私聊
                </a>
            </div>
        </div>

        <div class="user_show">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slide_pic slide1"></div>
                    <div class="swiper-slide slide_pic slide2"></div>
                    <div class="swiper-slide slide_pic slide3"></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
            <div class="user_show_p">
                <h4>一起来试驾奔驰,电脑做旧来吧英雄...</h4>
                <span class="user_show_span_left left">
                    2016-11-09&nbsp;13:43
                </span>
                <a href="" class="user_show_span_right right">
                    1人报价&nbsp;<img src="./img/next_right.png">
                </a>
            </div>
            <div class="row user_show_bottom">
                <div class="col-33">
                    <a href="" class="user_show_bottom_a">
                        <img src="./img/approve.png" alt="">&nbsp;&nbsp;0
                    </a>
                </div>
                <div class="col-33">
                    <a href="" class="user_show_bottom_a">
                        <img src="./img/chat.png" alt="">&nbsp;&nbsp;0
                    </a>
                </div>
                <div class="col-33">
                    <a href="" class="user_show_bottom_a">
                        <img src="./img/share.png" alt="">&nbsp;&nbsp;分享
                    </a>
                </div>
            </div>
        </div>

        <div class="user_comment">
            <div class="user_comment_content">
                <a href="" class="user_comment_content_header left">
                    <img src="./img/1.jpg" alt="">
                </a>
                <div class="user_comment_info left">
                    <h4>笑着活着</h4>
                    <span>韩国果真演的一手好电视剧啊,狗血</span>
                    <a href="" class="user_comment_reply">
                        回复
                    </a>
                </div>
                <span class="right user_comment_content_time">
                    14小时前
                </span>
            </div>
            <div class="user_comment_reply">
                <a href="">
                    <img src="./img/1.jpg" alt="">
                </a><h4>笑着活着</h4><h5>回复鱿鱼:</h5>
                是的啊,哈哈哈
            </div>
        </div>

        <div class="user_bottom">
            <div class="user_bottom_1">
                <a href="" class="bottom_popup">
                    <img src="./img/package.png" alt="">
                </a>
            </div>
            <button class="user_bottom_2">
                一人报价
            </button>
        </div>

    </div>

    <div class="popup popup-about">
        <div class="popup_content">
            <a href="" class="close-popup right popup_x">
                <img src="./img/x.png" alt="">
            </a>
            <div class="popup_price">
                <div class="demo" >

                    <input class="knob" data-skin="tron" data-width="200px" data-cursor=true data-min="0" data-displayPrevious=true data-max="360" data-linecap=round data-step="1"  data-thickness=.1 data-fgColor="#157FC7" data-angleOffset=0 value="0">

                </div>
                <div style="clear: both;"></div>
                <div class="demo_text1">
                    <span>仅对方可见</span>
                </div>
            </div>
            <div class="popup_comment">
                <textarea type="text" name="popup_comment" class="popup_comment_textarea" placeholder="财神您好,只要不违反,什么都给!"></textarea>
            </div>
            <div class="row popup_bottom">
                <div class="col-33">
                    <a href="" class="popup_bottom_a">
                        <img src="./img/wallet.png" alt="">
                        <span>钱包支付</span>
                    </a>
                </div>
                <div class="col-33">
                    <a href="" class="popup_bottom_a">
                        <img src="./img/wechat.png" alt="">
                        <span>微信支付</span>
                    </a>
                </div>
                <div class="col-33">
                    <a href="" class="popup_bottom_a">
                        <img src="./img/zfb.png" alt="">
                        <span>支付宝支付</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

<script src="js/jquery.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/jquery.knob.min.js"></script>
<script src="js/light7.min.js"></script>
<script src="js/index.js"></script>

<!--<script src="js/knob.js"></script>-->

</html>